Avoid ambiguous spacing. 避免模糊不清的間距

當我們用邊框或背景色把元素分組時，很容易就能看清哪些元素是一組的。

但如果沒有這些明顯的分隔，就容易造成混淆。
比如說，在設計表單時，如果標籤和輸入框之間的間距，跟兩組表單之間的間距一樣大，使用者就不容易看出哪個標籤對應哪個輸入框。這樣會讓使用者看得很累，搞不好還會填錯資訊。

解決辦法很簡單：把不同組之間的間距加大一些，這樣就能清楚地看出標籤和輸入框的對應關係。

這個問題在其他地方也經常出現：

• 文章中的標題上方空間不夠

  

• 列表中每項之間的間距和行高一樣大

  

• 橫向排列的元件之間間距不合理

  

記住一個簡單的原則：當用間距來組織內容時，組與組之間的間距要比組內的間距大。這樣做能讓介面更清晰，更容易理解。